<template>
  <div class="home">
    <template v-for="item in btnValueData" :key="item.title">
      <button-view v-bind="item"></button-view>
    </template>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import btnDataList from './btnDataList'
import type { IbtnValueData } from './btnDataList'
import buttonView from '@/components/buttonView/buttonView.vue'

const btnValueData = ref<IbtnValueData[]>(btnDataList)
</script>

<style lang="less" scoped>
.home {
  padding: 20px;
  display: flex;
}
</style>
